(function(){
    //发送ajax请求
    ajax({
      url:"http://localhost:3000/cproblem",//user是服务器中挂载""中的路径名称
      type:"get",
      //data:,
      dataType:"json" //自动JSON.parse()
    })//return Promise
      //  onreadystatechange中: 
      //           result <- 收到服务端的
      //  然后把result放入
      //              ↓
      //      open(result)
      //              ↓
    .then(function(result){
      console.log(result);
      var table=document.createElement("table");

      //var thead=document.createElement("thead");
      //table.appendChild("thead")
      var thead=table.createTHead();

      //var tr=document.createElement("tr");
      //thead.appendChild(tr);
      var tr=thead.insertRow();

        for(var key in result[0]){
         // var th=document.createElement("th") 
          //th.innerHTML=key;
          //thead.appendChild(th)
          tr.insertCell().innerHTML=key;
        }
        tr.insertCell().innerHTML="操作"
        tr.insertCell().innerHTML="操作"
      console.log(thead);

        var tbody=table.createTBody();
        for(var emp of result){
          //var tr=document.createElement("tr");
          //tbody.appendChild(tr);
          var tr=tbody.insertRow();
          for(var key in emp){
            // var td=document.createElement("td");
            // tr.appendChild(td);
            // td.innerHTML=emp[key];//当前属性的值
            tr.insertCell().innerHTML=emp[key]
          }
          var upDate=document.createElement("button");
          upDate.value="修改"
          var Del=document.createElement("button");
          Del.value="删除"
          tr.insertCell().innerHTML=`<a href="javascript:;">修改</a>`;
          tr.insertCell().innerHTML=`<a href="javascript:;">删除</a>`;
        }
      console.log(table);
      var product=document.getElementById("cproblem");
      product.appendChild(table);
    })
  })();

  var add=document.getElementsByClassName("content")[0].children[1].children[0].children[1];
  //console.log(add);  add为右上角添加按钮
  add.onclick=function(){
    var more=document.getElementsByClassName("more")[0];
    console.log(more);
    more.style.display="block";
  }
  var x=document.getElementsByClassName("more")[0].children[1];
  x.onclick=function(){
    this.parentNode.style.display="none";
  }



    //找到添加的a标签
var addbtn=document.getElementsByClassName("more")[0].children[0].lastElementChild;
console.log(addbtn)

//当添加的内容没有空白的时候发送ajax请求
addbtn.onclick=function(){
  var Cclass=document.getElementById("Cclass").value;
  var Ctitle=document.getElementById("Ctitle").value;
  var Ccontent=document.getElementById("Ccontent").value;
console.log(Ccontent)

  if(Cclass==""||Ctitle==""||Ccontent==""){
    alert("小主，内容不能为空哦");
    return;
  } 
  else{
    var formdata="Cclass="+Cclass+"&Ctitle="+Ctitle+"&Ccontent="+Ccontent
    console.log(formdata);
    ajax({
      url:"http://localhost:3000/cproblem/add",//user是服务器中挂载""中的路径名称
      type:"post",
      data:formdata,
      dataType:"json" //自动JSON.parse()
    })//return Promise             ↓
    .then(function(result){
      if(result=="200"){
        alert("添加成功")
      }
    })
  }
}


//修改内容
//修改内容可以关闭
var Y=document.getElementsByClassName("updateAll")[0].children[1];
Y.onclick=function(){
  this.parentNode.style.display="none";
}


var UP=document.getElementById("cproblem");//改为当前页面id
var updateAll=document.getElementById("updateAll");
var Cid=document.getElementById("Cid")//改为当前页面隐藏的id
UP.onclick=function(e){
  var elem=e.target
  if(elem.nodeName=="A"&&elem.innerHTML=="修改"){
    updateAll.style.display="block";
    Cid.value=elem.parentNode.parentNode.children[0].innerHTML//改为当前页面id
  }else if(elem.nodeName=="A"&&elem.innerHTML=="删除"){
    Cid.value=elem.parentNode.parentNode.children[0].innerHTML;//给lbtid传值
    var con=confirm("确定要删除这条信息吗？")//只有当确认要修改之后才会执行ajax语句;
    if(con==true){
      ajax({
            url:"http://localhost:3000/cproblem/del?Cid="+Cid.value,//user是服务器中挂载""中的路径名称路
            type:"get",
            //data:formdata,
            dataType:"json" //自动JSON.parse()                                     
          })
          .then(function(result){
            if(result=="200"){
              alert("修改成功！！！")
            }
            window.location.reload();
          })

    }
    
  } 
  

}
var sure=updateAll.children[0].lastElementChild;
console.log(sure);

sure.onclick=function(){
  var upCid=Cid.value;
  console.log(upCid);
  var upCclass=document.getElementById("upCclass").value;
  var upCtitle=document.getElementById("upCtitle").value;
  var upCcontent=document.getElementById("upCcontent").value;
  if(upCclass==""||upCtitle==""||upCcontent==""||upCid==""){
    alert("小主，内容不能为空哦");
    return;
  }else{
    var formdata="Cclass="+upCclass+"&Ctitle="+upCtitle+"&Ccontent="+upCcontent+"&Cid="+upCid;
    console.log(formdata);
    confirm("确定要修改"+upCtitle+"的信息吗？")
    ajax({
      url:"http://localhost:3000/cproblem/update",//user是服务器中挂载""中的路径名称
      type:"post",
      data:formdata,
      dataType:"json" //自动JSON.parse()
    })
    .then(function(result){
      if(result=="200"){
        alert("修改成功！！！")
      }
      window.location.reload();
    })
  } 
}
